<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

		<title>CrossOver</title>
		<meta http-equiv="Content-Security-Policy" content="default-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-eval' 'unsafe-inline'; media-src *;">
		<link rel="stylesheet" href="styles/dist/index.css">
		<script type="text/javascript" src="vendor/feather/feather-icons.min.js"></script>
		<script type="text/javascript" src="vendor/inline-svg/inline-svg.min.js"></script>
		<script type="text/javascript" src="vendor/random-color/randomColor.min.js"></script>
	</head>
	<body>
		<div id="main" class="main-window container">
			<div class="background"></div>


			<div class="crosshair-wrapper">
				<div id="crosshair">
					<img id="crosshairImg" src="../static/crosshairs/Actual/leupold-dot.png" draggable="false" onerror="this.onerror=null;this.src='../static/crosshairs/Actual/leupold-dot.png';" alt="Crosshair" />
					<div class="reticle dot">

						<svg id="cross" viewBox="0 0 100 100">
							<rect y="49.5" width="16" height="1" x="42"></rect>
							<rect x="49.5" width="1" height="16" y="42"></rect>
						</svg>
						<svg id="dot" viewBox="0 0 100 100">
							<circle r="2" cy="50%" cx="50%"></circle>
						</svg>
					</div>
				</div>
			</div>

			<div id="titlebar"></div>

<<<<<<< Updated upstream
			<button class="close-button button" aria-label="Close Application"><i data-feather="x-circle"></i></button>
			<button class="settings-button button" aria-label="Application Settings"><i data-feather="settings"></i></button>
			<button class="center-button button" aria-label="Choose Crosshair"><i data-feather="target"></i></button>
=======
			<button class="close-button button" aria-label=""><i data-feather="x-circle"></i></button>
			<button class="settings-button button"><i data-feather="settings"></i></button>
			<button class="center-button button"><i data-feather="target"></i></button>
>>>>>>> Stashed changes
			<div class="info-button button move">
				<i class="move-icon" data-feather="move"></i>
				<i class="info-icon d-none" data-feather="alert-circle"></i>
				<i class="resize-icon d-none" data-feather="arrow-up-right"></i>
			</div>
		</div>

		<script src="./renderer.js"></script>

	</body>
</html>
